﻿<MStepper Value="_step">
    <MStepperHeader>
        <MStepperStep Step="1" Complete="_step>1">
            Name of step 1
        </MStepperStep>
        <MDivider></MDivider>
        <MStepperStep Step="2" Complete="_step>2">
            Name of step 2
        </MStepperStep>
        <MDivider></MDivider>
        <MStepperStep Step="3">
            Name of step 3
        </MStepperStep>
    </MStepperHeader>

    <MStepperItems>
        <MStepperContent Step="1">
            <MCard Class="mb-12" Height="200" Color="grey lighten-1"></MCard>
            <MButton Color="primary" OnClick="()=>_step=2">Continue</MButton>
            <MButton Text>Cancel</MButton>
        </MStepperContent>
        <MStepperContent Step="2">
            <MCard Class="mb-12" Height="200" Color="grey lighten-1"></MCard>
            <MButton Color="primary" OnClick="()=>_step=3">Continue</MButton>
            <MButton Text>Cancel</MButton>
        </MStepperContent>
        <MStepperContent Step="3">
            <MCard Class="mb-12" Height="200" Color="grey lighten-1"></MCard>
            <MButton Color="primary" OnClick="()=>_step=1">Continue</MButton>
            <MButton Text>Cancel</MButton>
        </MStepperContent>
    </MStepperItems>
</MStepper>

@code {
    private int _step = 1;
}